<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<!--<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_851175_6n3l7ent0gh.css"/>-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_851175_6n3l7ent0gh.css" />
		<style type="text/css">
			*{
				font-size: 16px;
			}
			.pm:link{
				color: deepskyblue;
				
			}
			.xx:link{
				color:red;
			}
			.big{
				width: 580px;
				height: 170px;
			}
			.text{
				width: 440px;
			}
			.tu{
				width:120px;
				height:170px;
				float:left;
			}
			.text1,.text2,.text3{
				margin-left: 140px;
			}
			
			p,.p1,.p2,.p3{
				height: 40px;
				width: 440px;
			
			}
			
			.p1+p,.p2+p,p3+p{
				height: 70px;
			}
			.p1::after{
				content: "468人评论过";
				margin-left: 245px;
				color:red;
				}
			.p2::after{
				content: "783人评论过";
				margin-left: 245px;
				color:red;
				}
				.p3::after{
				content: "97人评论过";
				margin-left: 245px;
				color:red;
				}
			.icon-ren::before{
				color:red;
				margin-left:3px;
			}
		
			b{
				display: inline-block;
				width:100px;	
			}
		</style>
	</head>
	<body>
			<div class="big">			
				<img class="tu" src="img/1_03.jpg" />
			<div class="text1">
			<p class="p1"><b>环太平洋</b></p>
			<p><a class="pm" href="#">#环太平洋##环太平洋#</a>对影建筑物倒塌、核弹攻击城市、外星人入侵...<a class="xx" href="#">[详细]</a></p>
				<p class="iconfont icon-ren">欧美电影</p>
			</div>
			</div>
	
			<div class="big">			
				<img class="tu" src="img/2_03.jpg" />
			<div class="text2">
				<p class="p2"><b>速度与激情6</b></p>
				<p>【杰森·斯坦森确定加盟<a class="pm" href="#">#速J#</a>】斯坦森饰演第六部大反派欧文·肖...<a class="xx" href="#">[详细]</a></p>
				<p class="iconfont icon-ren">热映推荐</p>
			</div>
			</div>


			<div class="big">			
				<img class="tu" src="img/3_03.jpg" />
			<div class="text3">
			<p class="p3"><b>青春派</b></p>
			<p>《青春派》预告片“零差评”逆增长<a class="xx" href="#">[详细]</a></p>
				<p class="iconfont icon-ren">电影预告</p>
			</div>
			</div>
	
</html>
